<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片收藏</title>
	<style>
/*css初始化*/
		*{
			margin: 0;
			padding: 0;
		}
		ul{
			list-style: none;/*去掉列表样式小点*/
		}

		.clearfix:before,.clearfix:after{/*三个清除浮动*/
			display: table;
			content: "";
		}
		.clearfix:after{
			clear: both;
		}
		.clearfix{
			*zoom:1;
		}
		
		
		body{
			background: pink url(images/QQ图片20191219195918.jpg)repeat fixed center left;
			background-size: cover;
		}
		a{
			text-decoration: none;/*取消下划线*/
			font-size: 20px
		}
/*		背景区*/
		header{
			height: 200px;
			background-color: pink;
			overflow: hidden;
			background-color: rgba(255,255,255,0.1);
		}
		.inheadbox{
			height: 42px;
			width: 1200px;
			background-color:rgba(255,255,255,0);
			margin: 26px auto 0;
		}
		.inheadbox a{
			font-family: "kaiti" ;
		}
		.inheadboxbar{
			float: right;/*设置导航栏右浮动*/
			height: 42px;
			line-height:42px;/*设置行高等于高，使导航栏里文字居中，行高给父，让li继承此父类，因为给父写了就不用给每个li写了*/
		}
		.inheadboxbar li{
			float: left;/*让1，2，3一行显示*/
		}
		.inheadboxbar li a{
			padding: 0 35px;/*上下0，左右25*/
			color:white;
			font-family: "kaiti" ;
		}
		
		.index{
			float: left;
			color:white;
			font-size: 20px;
			padding: 4px;
		}
		
/*		背景区里文字区*/
		.collection{
			height: 100px;
			width: 380px;
			background-color:rgba(255,255,255,0);
			margin: 0px 540px 0px 600px;
			font-size: 80px;
			color: white;
		}
		
		.fondme{
			height: 30px;
			width: 50px;
			background-color: rgba(255,255,255,0);
			float: left;
			margin: 0px 709px ;
			color:  white;
			font-size: 25px
		}
		.fondme a{
			color: white;
		}
/*		诗词区*/
		.poem{
			height: 730px;
			background-color:rgba(255,255,255,0);
			border-bottom: 2px solid #EADBDB;
		}
		.poem1{
			height: 620px;
			background-color:rgba(255,255,255,0);
			border-bottom: 2px solid #EADBDB;
		}
/*		最后一首诗的盒子，没有边框*/
		.poem2{
			height: 370px;
			background-color:rgba(255,255,255,0);
			
		}
/*		最后的透明栏*/
		.poem3{
			height: 70px;
			background-color:rgba(255,255,255,0.1);
			border-bottom: 2px solid #EADBDB;
		}
		 #div1{
            width: 1300px;
            margin: 0px auto;
/*            border: 1px solid red;*/
            text-align: center; /*设置文本水平居中*/
            padding: 50px 20px;/*通过内边距将盒子撑大实现居中*/
			 font-family: "kaiti" ;
			 line-height: 30px;
			 font-size: 25px;
        }
		#div2{
            width: 1300px;
            margin: 0px auto;

            text-align: center; /*设置文本水平居中*/
            padding: 50px 20px;/*通过内边距将盒子撑大实现居中*/
			 font-family: "kaiti" ;
			 line-height: 30px;
			 font-size: 25px;
        }
		#div3{
            width: 1300px;
            margin: 0px auto;
            text-align: center; /*设置文本水平居中*/
            padding: 50px 20px;/*通过内边距将盒子撑大实现居中*/
			 font-family: "kaiti" ;
			 line-height: 30px;
			 font-size: 25px;
        }
		span{
			font-size: 18px;
		}

	</style>
</head>

<body>
<!--	背景区-->
	<header>
		<div class="inheadbox">
			<a href="index.html" class="index">首页</a>
		    <div class="inheadboxbar">
			  <ul>
				<li><a href="登录.html">登录</a></li>
				<li><a href="l联系.html">联系</a></li>
				<li><a href="介绍.html">介绍</a></li>
			  </ul>
		    </div>
		</div>
		<!--	背景区里文字区-->
	    <div class="collection">Poems</div>
	    <div class="fondme"><a href="个人中心.html">calin</a></div>
	</header>
<!--	诗词区-->
	<div class="poem">
	    <div id="div1">《哀曼珠斐儿》<br/><span>徐志摩</span><br/>我昨夜梦入幽谷，听子规在百合丛中泣血，<br/>我昨夜梦登高峰，见一颗光明泪自天坠落。<br/>古罗马的郊外有座墓园，静偃著百年前客殇的诗骸;<br/>百年后海岱士黑辇的车轮，又喧响在芳丹卜罗的青林边。<br/>说宇宙是无情的机械，为甚明灯似的理想闪耀在前?<br/>说造化是真善美之表现，为甚五彩虹不常住天边?<br/>我与你虽仅一度相见但那二十分不死的时间!<br/>谁能信你那仙姿灵态，竟已朝露似的永别人间?<br/>非也!生命只是个实体的幻梦：美丽的灵魂，永承上帝的爱宠;<br/>三十年小住，只似昙花之偶现，泪花里我想见你笑归仙宫。<br/>你记否伦敦约言，曼殊斐儿!今夏再见于琴妮湖之边;<br/>琴妮湖永抱著白朗矶的雪影，此日我怅望云天，泪下点点!<br/>我当年初临生命的消息，梦觉似的骤感恋爱之庄严;<br/>生命的觉悟是爱之成年。我今又因死而感生与恋之涯沿!<br/>同情是掼不破的纯晶，爱是实现生命之唯一途径：<br/>死是座伟秘的洪炉，此中凝炼万象所从来之神明。<br/>我哀思焉能电花似的飞骋，感动你在天日遥远的灵魂?<br/>我洒泪向风中遥送，问何时能戡破生死之门?
        </div>
	</div>
	<div class="poem1">
		<div id="div2"><br/><br/>你是人间的四月天<br/><span>[ 现代 ]  林徽因</span><br/>我说你是人间的四月天；笑响点亮了四面风；<br/>轻灵在春的光艳中交舞着变。<br/>你是四月早天里的云烟，黄昏吹着风的软，<br/>星子在无意中闪，细雨点洒在花前。<br/>那轻，那娉婷你是，鲜妍百花的冠冕你戴着，<br/>你是天真，庄严，你是夜夜的月圆。<br/>雪化后那片鹅黄，你像；<br/>新鲜初放芽的绿，你是；<br/>柔嫩喜悦水光浮动着你梦期待中白莲。<br/>你是一树一树的花开，是燕在梁间呢喃，<br/>——你是爱，是暖，是希望，<br/>你是人间的四月天！
        </div>
	</div>
	<div class="poem2">
	    <div id="div3">走着<br/><span>赖继娟</span><br/>美好的过去过去，<br/>未知的未来未来，<br/>现在现在，<br/>现在不比过去，<br/>创造比过去更好的未来！
        </div>
	</div>
	<div class="poem3"></div>
	

</body>
</html>
